import fs from 'fs'
import path from 'path'
import json from '@rollup/plugin-json'
import vue from 'rollup-plugin-vue'
import terser from '@rollup/plugin-terser'
import postcss from 'rollup-plugin-postcss'
import { nodeResolve } from '@rollup/plugin-node-resolve'
const isDev = process.env.NODE_ENV !== 'production'
// 公共插件配置
const plugins = [
  vue({
    css: true,
    compileTemplate: true
  }),
  json(),
  nodeResolve(),
  postcss({
    // 把 css 插入到 style 中
    // inject: true,
    // 把 css 放到和js同一目录
    extract: true
  })
]
// 如果不是开发环境，开启压缩
isDev || plugins.push(terser())
// packages 文件夹路径
const root = path.resolve(__dirname, 'packages')
module.exports = fs.readdirSync(root)
  .filter(item => fs.statSync(path.resolve(root, item)).isDirectory())
  .map(item => {
    // 获取每个包的配置文件
    const pkg = require(path.resolve(root, item, 'package.json'))
    return {
      input: path.resolve(root, item, 'src/index.js'),
      output: [
        {
          file: path.resolve(root, item, pkg.main),
          format: 'umd',
          name: pkg.main,
          globals: {
            "vue": "vue" // 指明 global.vue 即是外部依赖 vue
          },
        }
      ],
      external: ["vue"],
      plugins: plugins
    }
  })